// @charset "utf-8";
// * {
//   margin: 0;
//   padding: 0;
//   border: 0;
//   vertical-align: baseline;
//   box-sizing: border-box;
//   -webkit-tap-highlight-color: transparent;
// }
// html {
//   scroll-behavior: smooth;
// }
// body {
//   --main: #f60c3e;
//   --secondary: #f60c3e;
//   --text: #272727;
//   --text2: #595959;
//   --text3: #989898;
//   --text4: #d5d5d5;
//   --darker: #000;
//   --btn-bg: #333;
//   --btn-text: #fff;
//   --btn-border: var(--btn-bg);
//   --primary-btn-bg: #f60c3e;
//   --primary-btn-text: #fff;
//   --bg: #fff;
//   --bg2: #efefef;
//   --border: #ddd;
//   --border2: #888;
//   --border-type: dotted;
//   --border-width: 1px;
//   --standard-border: var(--border-width) var(--border-type) var(--border);
//   --member: #ffd40c;
//   --radius: 0px;
//   --side-width: 250px;
//   --mask-width: 0.7rem;
//   --icon-width: 2px;
//   --curve: cubic-bezier(0.08, 0.82, 0.2, 1);
//   --curve-out: cubic-bezier(0.95, 0.05, 0.8, 0.04);
//   --duration: 0.3s;
//   --duration-out: 0.17s;
//   --transition: all var(--duration) var(--curve);
//   --transition-out: all var(--duration-out) var(--curve-out);
//   --symbol: "▪︎";
//   --ep-symbol: "№";
//   --text-input-bg: var(--bg);
//   --cm-bg: 0, 0%, 97%;
//   --avatar-color: var(--border);
//   --h-margin: 1.5rem;
//   --base-size: 0.875rem;
//   --bold-weight: 700;
//   --box-text: #ccc;
//   --box-text2: #999;
//   --box-bg: rgba(0, 0, 0, 0.75);
//   --box-mask: rgba(0, 0, 0, 0.6);
//   --box-border: 1px dotted #333;
//   --pattern-color: #e9e9e9;
//   --pattern-bg: radial-gradient(
//     var(--pattern-color) calc(0.5 * var(--border-width)),
//     var(--bg) calc(0.5 * var(--border-width))
//   );
//   --pattern-size: calc(2 * var(--border-width)) calc(2 * var(--border-width));
//   --linecap: round;
//   --linejoin: round;
//   --default-font: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
//     "PingFang SC", sans-serif;
//   font-variant-ligatures: common-ligatures;
//   text-rendering: optimizeSpeed;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
//   font-family: "Anyway Extra", "Anyway Type", "Myriad Pro", "PingFang SC",
//     "Microsoft YaHei", Arial, sans-serif;
//   text-align: left;
//   color: var(--text);
//   line-height: 1;
//   background: var(--bg);
//   margin: var(--mask-width) var(--mask-width) 0;
//   scroll-behavior: smooth;
//   transition: background-color 0.1s var(--curve);
// }
// body.fullscreen-mode {
//   --mask-width: 0px;
// }
// .ptn {
//   background-image: var(--pattern-bg);
//   background-size: var(--pattern-size);
//   text-shadow: 1px 0 0 var(--bg), 1px 1px 0 var(--bg), -1px 0 0 var(--bg),
//     0 1px 0 var(--bg), 0 -1px 0 var(--bg), -1px -1px 0 var(--bg);
// }
// .theme-eightbit .ptn {
//   background: var(--bg);
// }
// img {
//   image-rendering: -webkit-optimize-contrast;
// }
// input,
// textarea {
//   caret-color: var(--main);
// }
// a {
//   color: inherit;
//   cursor: pointer;
//   transition: color var(--duration) var(--curve),
//     background-color var(--duration) var(--curve);
//   touch-action: manipulation;
// }
// em {
//   font-style: normal;
// }
// strong {
//   font-weight: var(--bold-weight);
// }
// :focus {
//   outline-color: var(--secondary);
//   outline-width: 4px;
// }
// :active {
//   outline: 0;
// }
// ::selection {
//   background: var(--primary-btn-bg);
//   color: var(--primary-btn-text);
//   text-shadow: none;
// }
// .mobile-only {
//   display: none;
// }
// .mask {
//   position: fixed;
//   z-index: 999;
//   border: calc(var(--mask-width) / 2) solid var(--main);
//   background: var(--main);
//   pointer-events: none;
// }
// #features .mask {
//   transition: var(--transition);
// }
// .mb,
// .mt {
//   height: 0;
//   width: 100%;
//   left: 0;
// }
// .mb {
//   bottom: 0;
//   height: var(--mask-width);
// }
// .mt {
//   top: 0;
//   height: var(--mask-width);
// }
// .mv {
//   bottom: 0;
//   height: 80vh;
//   width: 0;
// }
// .ml,
// .ml2 {
//   left: 0;
//   width: var(--mask-width);
// }
// .mr,
// .mr2 {
//   right: 0;
//   width: var(--mask-width);
// }
// .ml2,
// .mr2 {
//   bottom: none;
//   top: 0;
// }
// .f-c {
//   display: flex;
//   justify-content: center;
//   align-items: center;
// }
// .dummy {
//   display: inline-block;
// }
// .pg {
//   display: inline-block;
//   width: 0.17em;
// }
// .price {
//   font-weight: var(--bold-weight);
// }
// .price::before {
//   font-size: 0.85em;
//   font-weight: 400;
//   content: "￥";
//   margin-right: 0.08em;
// }
// .main {
//   display: flex;
//   flex-direction: row;
//   background: var(--bg);
//   transition: background-color var(--duration) var(--curve);
// }
// .section {
//   width: 100%;
// }
// .hidden-area {
//   display: none;
// }
// header {
//   padding: 0.5rem var(--h-margin);
//   height: 100%;
//   width: 240px;
//   width: var(--side-width);
//   border-right: var(--standard-border);
//   position: fixed;
//   overflow: auto;
//   -ms-overflow-style: none;
//   -moz-overflow-style: none;
//   overflow-style: none;
//   background-color: var(--bg);
//   transition: background-color var(--duration) var(--curve),
//     border-color var(--duration) var(--curve),
//     filter var(--duration) var(--curve);
//   scrollbar-width: none;
//   font-size: 0.82rem;
// }
// header::-webkit-scrollbar {
//   display: none;
// }
// @keyframes slowShow {
//   0% {
//     opacity: 0;
//   }
//   100% {
//     opacity: 1;
//   }
// }
// .logo {
//   max-width: 20rem;
// }
// .logo a {
//   display: block;
//   transition: var(--transition);
//   text-align: center;
// }
// .logo img {
//   width: calc(var(--side-width) * 0.8);
//   height: calc(var(--side-width) * 0.8);
//   max-width: 100%;
//   transition: var(--transition-out);
//   vertical-align: middle;
//   aspect-ratio: 1/1;
//   transition: var(--transition-out);
// }
// .logo a:hover img {
//   transform: scale(1.03);
//   transition: var(--transition);
// }
// .logo a:active img {
//   transform: scale(0.98);
// }
// .tagline {
//   font-weight: var(--bold-weight);
//   line-height: 1.5;
//   text-align: left;
//   margin: 0 auto 2rem;
// }
// .logged-in .tagline {
//   display: none;
// }
// .nav {
//   margin: 0 0 2em;
//   user-select: none;
// }
// .nav ul {
//   list-style: none;
//   display: flex;
//   flex-direction: column;
// }
// .nav li {
//   order: 2;
// }
// .logged-in .nav li:nth-child(3) {
//   order: 1;
// }
// .nav a {
//   text-decoration: none;
//   transition: var(--transition-out);
//   display: flex;
//   align-items: center;
//   padding: 0.8rem 0;
//   border-bottom: var(--standard-border);
//   font-weight: 400;
//   line-height: 1;
// }
// .nav-more a {
//   border: none;
//   font-weight: var(--bold-weight);
// }
// .nav-more a:hover {
//   color: var(--secondary);
// }
// .nav a > span {
//   padding: 0 0.5em 0 0.4em;
//   line-height: 1.5em;
//   height: 1.5em;
// }
// .nav-more a > span {
//   padding: 0;
// }
// .nav-more a > span::after {
//   content: "→";
// }
// .nav a em {
//   letter-spacing: 0;
//   font-style: normal;
// }
// .nav a:hover {
//   opacity: 1;
//   color: var(--secondary);
//   transition: var(--transition);
// }
// #about .nav-about,
// #archive .nav-archive,
// #gugu .nav-gugu,
// #hot .nav-hot,
// #lab .nav-lab,
// #member .nav-member,
// #news .nav-news,
// #profile .nav-member,
// #search .nav-search,
// #store .nav-store {
//   font-weight: var(--bold-weight);
// }
// .nav .nav-label {
//   padding: 2.5em 0 0.3em;
//   text-align: left;
//   font-weight: var(--bold-weight);
//   color: var(--main);
// }
// svg {
//   fill: var(--text);
// }
// svg .fill,
// svg .fl {
//   fill: var(--text);
//   stroke: none;
// }
// svg .st,
// svg .stroke {
//   fill: none;
//   stroke: var(--text);
//   stroke-width: var(--icon-width);
//   stroke-linejoin: var(--linejoin);
//   stroke-linecap: var(--linecap);
// }
// .nav-icon {
//   width: 1.6em;
//   height: 1.6em;
//   position: relative;
//   top: -0.1em;
// }
// svg,
// svg * {
//   transition: var(--transition);
// }
// .nav a svg {
//   transform: scale(1.01);
// }
// .nav a:active svg {
//   transform: scale(0.9) rotate(4deg);
// }
// a:hover svg .highlight.stroke,
// a:hover svg .hl.st {
//   stroke: var(--secondary);
// }
// a svg .highlight.fill,
// a svg .hl.fl {
//   fill: var(--text);
// }
// a:hover svg .highlight.fill,
// a:hover svg .hl.fl {
//   fill: var(--secondary);
// }
// svg .dot {
//   stroke: var(--text);
//   stroke-width: calc(var(--icon-width) * 1.33 - 1.5px);
//   fill: var(--text);
// }
// a:hover svg .dot.highlight,
// a:hover svg .dot.hl {
//   fill: var(--secondary);
//   stroke: var(--secondary);
// }
// .nav-member svg .dot {
//   fill: var(--member);
//   stroke: var(--member);
// }
// .nav-member:hover svg .dot {
//   fill: var(--secondary);
//   stroke: var(--secondary);
// }
// .nav-apple .apple-mid {
//   stroke-width: var(--icon-width);
// }
// .side-follow {
//   display: flex;
//   flex-wrap: wrap;
//   padding: 1rem 0;
//   justify-content: flex-start;
// }
// .side-follow a {
//   padding: 0.2em 1em 0.5em 0;
//   letter-spacing: 0;
//   border: none;
// }
// .side-follow a::before {
//   content: var(--symbol);
//   margin-right: 0.2em;
//   color: var(--text3);
//   opacity: 0.5;
//   transition: var(--transition);
// }
// .side-follow a:hover::before {
//   color: var(--secondary);
// }
// .content {
//   animation: slowShow calc(2 * var(--duration)) var(--curve) both;
//   margin-left: 240px;
//   margin-left: var(--side-width);
//   padding: var(--h-margin) var(--h-margin) 0;
// }
// #single .content {
//   animation: none;
// }
// .content > .inner {
//   max-width: 90rem;
//   margin: 0 auto;
//   display: flex;
//   flex-wrap: wrap;
//   flex-direction: row;
//   position: relative;
// }
// .content > .inner::after {
//   content: "";
//   position: absolute;
//   right: calc(var(--border-width) * -1);
//   top: 0;
//   width: calc(var(--border-width) * 3);
//   height: 100%;
//   background: var(--bg);
// }
// #single .content > .inner::after {
//   display: none;
// }
// .item {
//   border-bottom: var(--standard-border);
//   order: 12;
//   position: relative;
//   flex: 1 34%;
//   font-size: 0.875rem;
//   padding: calc(var(--h-margin) * 1.3) 0 calc(var(--h-margin) * 1.3)
//     calc(var(--h-margin) * 2);
// }
// #single .item,
// .item.first {
//   font-size: 1rem;
// }
// .item.page-item {
//   padding-bottom: 0;
//   border: none;
//   margin-bottom: 0;
// }
// .item:nth-of-type(1) {
//   order: 1;
// }
// .item:nth-of-type(2) {
//   order: 2;
// }
// .item:nth-of-type(3) {
//   order: 3;
// }
// .item:nth-of-type(4) {
//   order: 4;
// }
// .item:nth-of-type(5) {
//   order: 5;
// }
// .item:nth-of-type(6) {
//   order: 7;
// }
// .item:nth-of-type(7) {
//   order: 8;
// }
// .item:nth-of-type(8) {
//   order: 9;
// }
// .item:nth-of-type(9) {
//   order: 10;
// }
// #index .first,
// #more .item:nth-of-type(13),
// #single .item {
//   flex-basis: 100%;
// }
// .item > .inner {
//   display: flex;
//   flex-direction: column;
//   height: 100%;
//   border-right: var(--standard-border);
//   padding-right: calc(var(--h-margin) * 2);
// }
// .item.page-item > .inner,
// .item.single-page > .inner {
//   border-right: none;
// }
// #single .item > .inner {
//   height: auto;
// }
// h1 {
//   font-size: 1.8em;
//   font-weight: var(--bold-weight);
//   line-height: 1.26;
//   position: relative;
//   color: var(--text);
//   overflow: hidden;
// }
// .page-item h1 {
//   margin-bottom: 1.5em;
// }
// #single h1,
// .first h1 {
//   font-size: 2.5em;
// }
// h1 .mobile-hide::after {
//   content: var(--symbol);
//   margin-right: 0.3em;
//   color: var(--secondary);
// }
// .theme-mmm h1 .mobile-hide::after {
//   color: var(--text4);
// }
// h1 a {
//   text-decoration: none;
// }
// h1 a:hover {
//   color: var(--secondary);
//   transition: color var(--duration) var(--curve);
// }
// h1 a:active {
//   filter: brightness(0.8);
// }
// .number {
//   width: 1.8rem;
//   font-size: 0.875rem;
//   display: flex;
//   align-items: center;
//   flex-shrink: 0;
//   letter-spacing: 0;
// }
// .number span {
//   color: #fff;
//   text-align: center;
//   font-feature-settings: "tnum";
//   padding: 0.15em 0.2em;
//   font-weight: 400;
//   min-width: 1.2em;
//   background: var(--main);
// }
// .h1-ep {
//   font-size: 1.2rem;
//   margin: 0 auto;
//   font-weight: 400;
//   color: var(--text3);
//   display: block;
// }
// .h1-ep::before {
//   content: "日志";
//   margin-right: 0.15em;
// }
// .theme-dark .h1-ep::before,
// .theme-default .h1-ep::before {
//   font-size: 1.1rem;
// }
// .episodes .h1-ep::before {
//   content: var(--ep-symbol);
//   font-size: 1em;
// }
// .item-meta {
//   width: 100%;
//   margin: 0.8rem 0 0;
//   display: flex;
//   font-size: 0.8em;
//   justify-content: space-between;
// }
// .inner-meta span {
//   z-index: 12;
//   position: relative;
// }
// .item-meta a {
//   text-decoration: none;
//   color: var(--text3);
// }
// .feed-banner {
//   display: flex;
//   align-items: center;
//   flex-basis: 100%;
// }
// .feed-banner-0 {
//   order: 6;
// }
// .feed-banner-1 {
//   order: 11;
// }
// #more .feed-banner-0 {
//   order: 4;
// }
// #more .feed-banner-1 {
//   order: 9;
// }
// .feed-banner > .inner {
//   padding-top: calc(var(--h-margin) * 2);
//   padding-bottom: var(--h-margin);
//   display: flex;
//   justify-content: center;
//   align-items: center;
// }
// .feed-banner > .inner {
//   width: 100%;
// }
// .feed-quote {
//   width: 100%;
// }
// .quote-content {
//   margin: 0 auto;
//   font-size: 2.45rem;
//   text-align: left;
//   line-height: 1.25;
//   font-weight: 400;
//   position: relative;
// }
// .quote-content::before {
//   content: "“";
//   opacity: 0.2;
//   color: var(--text3);
//   position: absolute;
//   width: 1em;
//   height: 1em;
//   font-size: 1.6em;
//   left: 0;
//   top: -0.6em;
//   text-align: left;
// }
// .quote-content a {
//   text-decoration: none;
//   font-weight: 400;
//   text-shadow: 1px 0 0 var(--bg), -1px 0 0 var(--bg);
//   text-decoration: underline var(--border-type);
//   text-decoration-thickness: calc(2 * var(--border-width));
//   text-underline-offset: 0.15em;
//   border-radius: var(--radius);
//   transition: var(--transition-out);
//   box-shadow: 0.3em 0 0 transparent, -0.3em 0 0 transparent;
// }
// .quote-content a:hover {
//   color: var(--bg);
//   transition: var(--transition);
//   text-shadow: none;
//   background: var(--secondary);
//   text-decoration-color: var(--secondary);
//   box-shadow: 0.15em 0 0 var(--secondary), -0.15em 0 0 var(--secondary);
// }
// .quote-meta {
//   text-align: right;
//   font-size: 1rem;
//   color: var(--text3);
//   padding: 1.2em 0 0;
//   display: block;
//   font-weight: 400;
// }
// .quote-meta a {
//   color: var(--text3);
//   text-decoration: none;
//   transition: var(--transition-out);
//   border-radius: var(--radius);
// }
// .quote-meta a span {
//   font-feature-settings: "tnum";
//   font-weight: var(--bold-weight);
// }
// .quote-meta a:hover {
//   color: var(--bg);
//   transition: var(--transition);
//   background: var(--secondary);
//   box-shadow: 0.15em 0 0 var(--secondary), -0.15em 0 0 var(--secondary);
// }
// .item-desc {
//   color: var(--text2);
//   text-align: left;
//   margin: 0.8em auto 0;
//   line-height: 1.7;
//   position: relative;
// }
// .page-item .item-desc {
//   margin-top: 0;
// }
// .item-desc img {
//   max-width: 100%;
// }
// .item-desc a {
//   text-decoration: none;
//   border-bottom: 1px dotted var(--border2);
//   color: inherit;
//   transition: var(--transition);
// }
// .item-desc a:hover {
//   border-bottom: 1px solid var(--secondary);
//   color: var(--darker);
// }
// .item-desc a:active {
//   color: var(--main);
// }
// h2 {
//   font-weight: var(--bold-weight);
//   margin: 1em 0 0.3em 0;
//   vertical-align: middle;
//   line-height: 1.5;
//   font-size: 1.4em;
//   color: var(--text);
//   position: relative;
// }
// #single h2 {
//   display: flex;
//   justify-content: flex-start;
//   align-items: center;
// }
// #single h2::after {
//   flex-grow: 1;
//   margin-left: 0.7em;
//   display: inline-block;
//   height: 1px;
//   border-bottom: var(--standard-border);
//   content: "";
// }
// .text ol,
// .text ul {
//   list-style-position: outside;
//   margin-left: 0;
//   list-style-type: none;
//   counter-reset: item;
// }
// .text ol li::before {
//   content: counter(item) ".";
//   counter-increment: item;
//   color: var(--secondary);
//   font-weight: 400;
//   text-align: left;
//   margin-right: 0.25em;
//   display: inline-block;
// }
// .ref ol li {
//   text-align: left;
// }
// .contents-time,
// .ref ol li {
//   transition: var(--transition);
// }
// .ref ol li:hover {
//   transform: translateX(-0.25em);
// }
// .ref ol li:hover a {
//   border-style: solid;
// }
// .ref ol a:hover {
//   color: var(--text);
// }
// .ref-time i {
//   opacity: 0.3;
//   font-style: normal;
//   font-feature-settings: "tnum";
//   transition: all var(--duration) var(--curve) 0.1s;
// }
// li:hover .ref-time i {
//   color: var(--secondary);
//   opacity: 1;
// }
// p:hover .contents-time {
//   color: var(--secondary);
//   padding-right: 0.3em;
// }
// .contents-time::after,
// .hosts-name::after {
//   content: " ~ ";
//   color: var(--secondary);
// }
// .contents-time,
// .contents-time::after,
// .hosts-name::after,
// .text ol li::before {
//   -moz-font-feature-settings: "tnum";
//   font-feature-settings: "tnum";
//   -webkit-font-feature-settings: "tnum";
//   font-weight: 400;
// }
// .text .readmore {
//   border: none;
//   display: inline-flex;
//   font-weight: var(--bold-weight);
//   align-items: center;
//   font-size: 0.86em;
//   transition: var(--transition-out);
//   margin-right: 1em;
//   padding: 0.05em 0.3em 0 0.4em;
//   background-color: var(--bg);
//   background-image: var(--pattern-bg);
//   background-size: var(--pattern-size);
//   border-radius: var(--radius);
// }
// .text .readmore span::after {
//   content: "→";
//   transform: scaleX(0);
//   transform-origin: left center;
//   display: inline-block;
//   color: var(--bg);
//   width: 0;
//   margin-left: 0.2em;
//   transition: var(--transition-out);
// }
// .text .readmore:hover {
//   background-color: var(--secondary);
//   background-image: none;
//   border: none;
//   color: var(--bg);
//   margin-right: 0;
//   transition: var(--transition);
// }
// .text .readmore:hover span::after {
//   width: 1em;
//   transform: scaleX(1);
//   color: var(--bg);
//   transition: var(--transition);
// }
// .text .readmore:active {
//   transform: scale(0.95);
// }
// aside {
//   font-size: 0.875em;
//   line-height: 1.5;
//   display: flex;
//   flex-wrap: wrap;
//   justify-content: space-between;
//   align-items: center;
//   margin: var(--h-margin) 0 0;
//   color: var(--text2);
// }
// #single aside,
// .first aside {
//   flex: 0 0 calc(12em + 2vw);
//   border-left: var(--standard-border);
//   margin: 0 0 0 calc(var(--h-margin) * 1.3);
//   padding: 0 0 1em calc(var(--h-margin) * 1.3);
//   flex-direction: column;
//   justify-content: flex-start;
//   align-items: flex-start;
// }
// #single aside {
//   position: -webkit-sticky;
//   position: sticky;
//   top: calc(var(--h-margin) + var(--mask-width));
//   height: 100%;
// }
// .first aside {
//   justify-content: space-between;
// }
// #single aside .aside-meta,
// .first .aside-meta {
//   display: block;
// }
// aside h5 {
//   font-size: 1em;
//   position: relative;
//   color: var(--text);
//   margin: 0 0 0.3em;
// }
// aside a:hover {
//   color: var(--secondary);
// }
// aside h5::before {
//   content: var(--symbol);
//   color: var(--secondary);
//   position: absolute;
//   transform: translate(-0.75em, 0);
//   top: 0;
//   left: 0;
// }
// .aside-block {
//   margin-bottom: var(--h-margin);
// }
// aside > div:last-of-type {
//   margin-bottom: 0;
// }
// .meta-date,
// .meta-tags {
//   flex-direction: column;
//   color: var(--text3);
//   text-transform: uppercase;
//   line-height: 1.2;
// }
// .meta-tags {
//   margin-right: 1em;
// }
// .meta-date {
//   flex-shrink: 0;
// }
// .aside-tags .tags {
//   display: block;
// }
// .aside-tags a,
// .meta-tags a {
//   text-decoration: none;
//   margin: 0 0.2em 0 0;
//   transition: var(--transition);
//   text-transform: uppercase;
//   display: inline-block;
// }
// .aside-tags a:hover,
// .meta-tags a:hover {
//   color: var(--secondary);
// }
// .aside-tags a em,
// .meta-tags a em {
//   color: var(--secondary);
//   margin: 0 0.1em 0 0;
// }
// .aside-tags a em {
//   color: var(--text3);
// }
// #single .journal .aside-duration,
// #single .journal .aside-hosts {
//   display: none;
// }
// body .btn {
//   background: var(--btn-bg);
//   color: var(--btn-text);
//   text-decoration: none;
//   display: inline-block;
//   padding: 0.4em 0.7em;
//   font-weight: var(--bold-weight);
//   border: 2px solid var(--btn-border);
//   border-radius: var(--radius);
//   transition: var(--transition-out);
//   backface-visibility: hidden;
//   user-select: none;
//   -webkit-user-select: none;
//   font-family: inherit;
//   line-height: 1.3;
//   outline: 0;
//   transform: scale(1.008);
//   transform-origin: 50% 50%;
//   touch-action: manipulation;
// }
// body .primary-btn {
//   background: var(--primary-btn-bg);
//   color: var(--primary-btn-text);
//   border-color: var(--primary-btn-bg);
// }
// body .btn:focus,
// body .btn:hover {
//   transition: var(--transition);
//   text-decoration: none;
//   transform: scale(1.04);
//   color: var(--primary-btn-text);
//   background: var(--primary-btn-bg);
//   border: 2px solid var(--primary-btn-bg);
//   outline: 0;
//   filter: brightness(1.1);
// }
// body .btn:active {
//   filter: brightness(0.7) contrast(1.3);
//   transform: scale(0.98);
//   outline: 0;
//   transition: var(--transition);
// }
// .item-btns {
//   display: flex;
// }
// .item-btn {
//   display: flex;
//   background: 0 0;
//   cursor: pointer;
//   font-weight: var(--bold-weight);
//   text-decoration: none;
//   padding: 0 0.3em 0 0;
//   color: var(--text);
//   line-height: 1.1;
//   transition: var(--transition-out);
//   justify-content: center;
//   align-items: center;
//   border-radius: var(--radius);
//   height: 1.5em;
//   transform: scale(1.01);
// }
// #single .item-btn,
// .first .item-btn {
//   font-size: 1.2em;
//   background: var(--primary-btn-bg);
//   color: var(--primary-btn-text);
//   height: 2em;
//   padding: 0.1em 0.9em 0.1em 0.4em;
//   transform: scale(1.008);
// }
// .item-btn:hover {
//   color: var(--primary-btn-text);
//   background: var(--primary-btn-bg);
//   border: none;
//   transition: var(--transition);
// }
// #single .item-btn:hover,
// .first .item-btn:hover {
//   transform: scale(1.07);
// }
// #single .item-btn:hover,
// .first .item-btn:hover {
//   transform: scale(1.07);
// }
// .item-btn svg {
//   height: 1.5em;
//   width: 1.5em;
//   margin: 0 0.4em 0 0;
//   background: var(--primary-btn-bg);
//   border-radius: var(--radius);
// }
// #single .item-btn svg,
// .first .item-btn svg {
//   margin-right: 0.1em;
// }
// .item .item-btn:hover {
//   background: var(--primary-btn-bg);
// }
// #single .item-btn:active,
// .first .item-btn:active,
// .item-btn:active {
//   transform: scale(0.95);
// }
// .item-btn svg path {
//   fill: var(--primary-btn-text);
//   stroke: var(--primary-btn-text);
//   stroke-width: 2px;
//   stroke-linejoin: var(--linejoin);
// }
// .item-btn span {
//   display: flex;
//   height: 1.5em;
//   justify-content: center;
//   align-items: center;
// }
// #single .journal .item-btns {
//   display: none;
// }
// #single .item-btns {
//   flex-wrap: wrap;
// }
// .play-tips {
//   display: none;
// }
// #single .play-tips {
//   display: block;
//   margin: 1rem 0 0;
//   opacity: 0.5;
//   transition: var(--transition);
// }
// #single .item-btns:hover .play-tips {
//   opacity: 1;
// }
// .play-tips a {
//   text-decoration: none;
//   font-weight: var(--bold-weight);
// }
// .admin-bar {
//   position: absolute;
//   top: 0.7em;
//   right: 0.7em;
//   opacity: 0;
//   font-size: 0.75rem;
//   transition: var(--transition);
// }
// .item:hover .admin-bar {
//   opacity: 0.5;
// }
// .page-bar {
//   height: auto;
//   overflow: hidden;
//   padding: calc(var(--h-margin) * 1.5) 0;
//   font-size: 1rem;
//   text-align: center;
//   display: none;
//   border-bottom: var(--standard-border);
// }
// #index .page-bar,
// #more .page-bar {
//   display: block;
// }
// .page-total,
// .pagebar-selections {
//   display: none;
// }
// .page-bar a {
//   margin: 0 0.5em;
// }
// .footer {
//   color: var(--text3);
//   text-align: center;
//   padding: 2em 0 3em var(--side-width);
//   font-size: 0.875rem;
//   line-height: 1.7;
// }
// .footer a {
//   text-decoration: underline var(--border-type);
//   text-decoration-thickness: var(--border-width);
//   text-underline-offset: 0.15em;
// }
// .footer a:hover {
//   color: var(--secondary);
// }
// .footer em {
//   opacity: 0.5;
//   margin: 0 0.3em;
// }
// .related {
//   content-visibility: auto;
//   padding: 2em var(--h-margin);
//   border-bottom: var(--standard-border);
// }
// .related > .title {
//   font-weight: var(--bold-weight);
//   text-align: center;
//   padding: var(--margin) 0 var(--margin);
// }
// .related > .title::after,
// .related > .title::before {
//   content: var(--symbol);
//   color: var(--secondary);
//   margin: 0 0.4rem;
//   font-weight: var(--bold-weight);
// }
// .related > .inner {
//   display: flex;
//   justify-content: center;
//   margin-top: 2em;
//   flex-wrap: wrap;
// }
// .related-item {
//   text-align: left;
//   flex: 1 1 12%;
//   text-decoration: none;
//   display: inline-block;
//   padding: 1em;
//   margin: 0 calc(var(--h-margin) / 2) var(--h-margin);
//   width: 100%;
//   border-radius: var(--radius);
//   transition: var(--transition-out);
// }
// .theme-cfe .related-item {
//   background: var(--bg);
// }
// .related-item:hover {
//   transform: scale(1.05);
//   transition: var(--transition);
// }
// .related-ep {
//   color: var(--secondary);
//   font-weight: var(--bold-weight);
//   margin-bottom: 0.2em;
// }
// .related-ep::before {
//   content: var(--ep-symbol);
//   margin-right: 0.15em;
// }
// .related-title {
//   display: block;
//   flex: 1 0 25%;
//   font-weight: var(--bold-weight);
//   line-height: 1.2;
//   font-size: 1.25em;
//   transition: var(--transition-out);
// }
// a:hover .related-title {
//   transition: var(--transition);
//   color: var(--secondary);
// }
// .related-desc {
//   line-height: 1.5;
//   margin: 0.5em 0;
//   color: var(--text3);
//   font-size: 0.875rem;
//   transition: var(--transition-out);
// }
// a:hover .related-desc {
//   transition: var(--transition);
//   color: var(--text2);
// }
// .realted-date {
//   color: var(--text3);
//   margin-top: 0.5em;
//   font-size: 0.75em;
// }
// #single .item > .inner,
// .first > .inner {
//   flex-direction: row;
// }
// #single .item-desc {
//   flex-direction: column;
// }
// #tag .item > .inner {
//   flex-direction: column;
// }
// .overlay {
//   contain: layout;
//   --close-w: 0.5;
//   visibility: hidden;
//   opacity: 0;
//   transition: var(--transition-out);
//   position: fixed;
//   height: 100%;
//   width: calc(var(--side-width) * 1.8);
//   top: 0;
//   left: 0;
//   padding-left: calc(var(--close-w) * var(--side-width));
//   color: var(--primary-btn-text);
//   transform: translateX(-30%) scale(1.1);
//   z-index: 99999;
//   user-select: none;
//   backdrop-filter: blur(8px);
//   -webkit-backdrop-filter: blur(8px);
// }
// .overlay.show {
//   opacity: 1;
//   height: 100%;
//   visibility: visible;
//   transform: none;
//   transition: var(--transition);
// }
// .overlay > .inner {
//   background: var(--primary-btn-bg);
//   opacity: 0.85;
//   overflow: auto;
//   height: 100%;
//   display: flex;
//   align-items: center;
//   padding: 2em;
//   position: relative;
//   -ms-overflow-style: none;
//   -moz-overflow-style: none;
//   overflow-style: none;
// }
// .overlay > .inner::-webkit-scrollbar {
//   display: none;
// }
// .overlay a:hover {
//   background: var(--primary-btn-text);
//   color: var(--primary-btn-bg);
//   text-decoration: none;
// }
// .overlay-toggle {
//   cursor: pointer;
// }
// .overlay-section {
//   margin: 3em 0;
//   display: none;
//   width: 90%;
// }
// .overlay-panel-all > .inner > div,
// .overlay-panel-lab .overlay-lab,
// .overlay-panel-subscribe .overlay-subscribe {
//   display: block;
// }
// .overlay-close {
//   font-family: var(--default-font);
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   position: absolute;
//   top: 0;
//   left: 0;
//   width: calc(var(--close-w) * var(--side-width));
//   height: 100%;
//   transition: all 0.08s var(--curve);
//   background: var(--primary-btn-bg);
//   cursor: url(https://s.anw.red/anyway.fm/menu-back-cursor.png) 8 8, auto;
//   color: var(--primary-btn-text);
//   font-size: 2em;
//   filter: brightness(0.93) saturate(1.1);
// }
// :is(#member.theme-default, #profile.theme-default, .theme-hub, .theme-mmm, .theme-cfe)
//   .overlay-close {
//   cursor: url(https://s.anw.red/anyway.fm/menu-back-cursor-dark.png) 8 8, auto;
// }
// a.overlay-close:hover {
//   background: var(--main);
//   color: transparent;
// }
// .theme-mmm .overlay-close:hover {
//   background: var(--bg2);
// }
// .overlay a {
//   color: var(--primary-btn-text);
//   text-decoration: none;
// }
// .overlay ul {
//   list-style: none;
// }
// .overlay-follow {
//   clear: both;
//   text-align: center;
//   animation-duration: 0.45s;
// }
// h4 {
//   font-size: 1.2rem;
//   color: var(--primary-btn-text);
//   position: relative;
//   left: -0.8em;
//   opacity: 0.5;
//   font-weight: var(--bold-weight);
//   margin: 1em 0;
//   padding: 0.2em 0;
// }
// h4::after,
// h4::before {
//   content: var(--symbol);
//   opacity: 0.4;
//   width: 0.8em;
//   display: inline-block;
//   text-align: center;
// }
// .overlay ul {
//   display: flex;
//   flex-direction: column;
//   font-size: 1rem;
// }
// .overlay li {
//   font-weight: var(--bold-weight);
//   margin: 0;
//   line-height: 1;
//   padding: 0.2em 0 0.4em;
//   border-bottom: 0.08em var(--border-type) var(--primary-btn-text);
// }
// .overlay li em {
//   font-weight: 400;
//   font-style: normal;
// }
// .overlay li a {
//   display: inline-block;
//   padding: 0.32em 0.02em 0.18em;
//   transition: var(--transition-out);
// }
// .overlay li a:hover {
//   padding: 0.32em 0.18em 0.18em;
//   transition: var(--transition);
// }
// .overlay-lab {
//   text-align: left;
//   display: none;
// }
// .overlay-lab li {
//   width: 100%;
//   float: left;
//   margin: 0 0 0.3em 0;
// }
// .overlay-lab li svg {
//   display: none;
//   opacity: 0;
//   transition: var(--transition-out);
// }
// .overlay-open .overlay-lab li svg {
//   animation: lab-icon var(--duration) var(--curve) 0.2s both;
// }
// @keyframes lab-icon {
//   0% {
//     opacity: 0;
//     transform: scale(0.3);
//   }
//   100% {
//     opacity: 1;
//     transform: scale(0.99);
//   }
// }
// .overlay-follow ul {
//   overflow: hidden;
//   flex-direction: row;
// }
// .overlay-follow li {
//   display: inline-block;
//   border: none;
//   padding: 0.2em;
// }
// .overlay-follow li a {
//   padding: 0.2em 0.13em;
//   border: none;
//   transition: var(--transition);
// }
// .overlay-follow li a:hover {
//   padding: 0.2em 0.13em;
//   border: none;
// }
// #timeline-main {
//   width: 0;
//   height: 0;
//   position: fixed;
//   left: 0;
//   top: 0;
// }
// .notification {
//   position: fixed;
//   width: 60vw;
//   top: calc(var(--mask-width) + 1rem);
//   left: 20vw;
//   z-index: 9999;
//   transition: var(--transition-out);
//   display: flex;
//   flex-direction: column;
//   justify-content: flex-start;
//   align-items: center;
//   pointer-events: none;
// }
// .notification.show {
//   transform: none;
//   opacity: 1;
//   transition: var(--transition);
// }
// .notification > div {
//   background: var(--primary-btn-bg);
//   color: var(--primary-btn-text);
//   font-weight: var(--bold-weight);
//   padding: 0.2em 0.7em;
//   text-align: center;
//   font-size: 0.875rem;
//   margin-bottom: 0.3em;
//   border-radius: var(--radius);
//   animation: notify-show 3s var(--curve) both;
//   user-select: none;
//   display: flex;
//   justify-content: center;
//   align-items: center;
// }
// @keyframes notify-show {
//   0% {
//     opacity: 0;
//     transform: scale(0.7);
//     height: 0;
//   }
//   3% {
//     opacity: 1;
//     transform: scale(1.2);
//     height: 2rem;
//   }
//   5% {
//     opacity: 1;
//     transform: scale(0.9);
//     height: 2rem;
//   }
//   7% {
//     opacity: 1;
//     transform: none;
//     height: 2rem;
//   }
//   95% {
//     opacity: 1;
//     transform: none;
//     height: 2rem;
//     filter: none;
//   }
//   100% {
//     opacity: 0;
//     transform: scale(1.1);
//     height: 2rem;
//     filter: blur(1rem) saturate(1.5);
//   }
// }
// .lightbox-open {
//   overflow: hidden;
// }
// .lightbox {
//   contain: layout;
//   content-visibility: auto;
//   text-align: left;
//   visibility: hidden;
//   position: fixed;
//   width: 100vw;
//   height: 100vh;
//   top: 0;
//   left: 0;
//   font-weight: 400;
//   font-size: 0.875rem;
//   opacity: 0;
//   display: flex;
//   flex-direction: column;
//   justify-content: center;
//   align-items: center;
//   background: var(--box-mask);
//   color: var(--box-text2);
//   transition: var(--transition-out);
//   transform-origin: center center;
//   z-index: 999999;
//   line-height: 1.4;
// }
// .lightbox-open .lightbox {
//   visibility: visible;
//   opacity: 1;
//   transition: var(--transition);
//   transform: none;
//   -webkit-backdrop-filter: blur(8px) saturate(0.3);
//   backdrop-filter: blur(8px) saturate(0.3);
// }
// .lightbox > .inner {
//   background: var(--box-bg);
//   padding: 2rem 2rem 1.5rem;
//   width: 38rem;
//   max-width: 90vw;
//   transform: scale(0.96);
//   transition: var(--transition-out);
//   border-radius: var(--radius);
// }
// .lightbox-open .lightbox > .inner {
//   transform: none;
//   transition: var(--transition);
// }
// .lightbox-title {
//   font-size: 1.5em;
//   font-weight: var(--bold-weight);
//   color: var(--box-text);
//   text-align: center;
//   margin-bottom: 1em;
//   padding-bottom: 1em;
//   border-bottom: var(--box-border);
// }
// .lightbox-title::after,
// .lightbox-title::before {
//   content: var(--symbol);
//   margin: 0 0.8em;
//   color: var(--secondary);
//   font-size: 0.5em;
// }
// .lightbox > .inner > img {
//   max-width: 100%;
// }
// .lightbox p {
//   font-weight: var(--bold-weight);
//   margin: 0 0 1em;
//   font-size: 1rem;
//   padding: 0.5em 0.75em;
//   line-height: 1.5;
// }
// .lightbox .inner form {
//   display: flex;
//   flex-wrap: wrap;
//   justify-content: space-between;
// }
// .lightbox .input-submit {
//   margin-top: 2em;
//   flex-basis: 100%;
//   margin-bottom: 0;
//   text-align: center;
// }
// .lightbox .btn {
//   margin: 0 auto;
//   font-size: 1.25em;
// }
// .lightbox .pop-tips {
//   margin-bottom: 0;
//   opacity: 0.8;
//   font-size: 0.8em;
//   pointer-events: none;
// }
// .lightbox-close {
//   margin-top: 1em;
//   text-decoration: none;
//   width: 2rem;
//   height: 2rem;
//   transition: var(--transition);
// }
// .lightbox-close svg {
//   width: 100%;
//   height: 100%;
//   fill: none;
//   transform: scale(1.01);
//   transform-origin: center center;
//   stroke: var(--box-text);
//   stroke-width: calc(var(--icon-width) / 2);
// }
// .lightbox-close:hover svg {
//   stroke: var(--secondary);
//   transform: scale(1.04);
// }
// .lightbox-close:active {
//   transform: scale(0.95);
// }
// .lightbox label {
//   display: block;
//   padding-bottom: 0.2em;
// }
// .box-open {
//   position: fixed;
// }
// .lightbox.bilibili iframe {
//   display: none;
//   width: 80vw;
//   height: 75vh;
// }
// .lightbox-open .lightbox.bilibili iframe {
//   display: block;
// }
// .lightbox.bilibili > .inner {
//   width: unset;
//   padding: 0;
// }
// .radio-group {
//   display: inline-flex;
//   align-items: center;
//   flex-wrap: nowrap;
// }
// .radio-group + .radio-group {
//   margin-left: 1.2em;
// }
// input[type="radio"] {
//   width: 0;
//   overflow: hidden;
//   visibility: hidden;
//   opacity: 0;
// }
// .text-input {
//   border: var(--border-width) solid var(--border);
//   padding: 0.5em 0.4em 0.5em calc(0.4em + var(--radius) / 2);
//   background: var(--text-input-bg);
//   transition: var(--transition);
//   border-radius: var(--radius);
//   font-family: inherit;
//   color: var(--text);
// }
// .text-input.warning {
//   border-color: var(--secondary);
//   animation: shaking-input 0.2s var(--curve) 3 both;
// }
// @keyframes shaking-input {
//   0% {
//     transform: none;
//   }
//   24% {
//     transform: translateX(-5px);
//   }
//   72% {
//     transform: translateX(3px);
//   }
//   96% {
//     transform: none;
//   }
// }
// .text-input:hover {
//   border-color: var(--secondary);
// }
// .text-input:focus {
//   outline: 0;
//   border-color: var(--text);
// }
// .text-input::placeholder {
//   color: var(--text);
//   opacity: 0.35;
//   transition: var(--transition);
// }
// .text-input:focus::placeholder {
//   opacity: 0;
//   filter: blur(4px);
// }
// .fake-radio {
//   width: 0.85rem;
//   height: 0.85rem;
//   margin-right: 0.4rem;
//   border-radius: 0.55rem;
//   display: inline-block;
//   background: var(--text2);
//   border: 0.25rem solid var(--darker);
//   transition: var(--transition);
//   transform: scale(1.01);
// }
// label:hover .fake-radio {
//   transform: scale(1.14);
// }
// label:active .fake-radio {
//   transform: scale(0.94);
//   background-color: var(--secondary);
// }
// input:checked ~ .fake-radio {
//   background: var(--bg);
//   border-color: var(--secondary);
// }
// input:checked ~ .fake-radio ~ label {
//   font-weight: var(--bold-weight);
// }
// input[type="radio"]::before {
//   content: "";
//   background: var(--bg);
//   width: 1em;
//   height: 1em;
//   opacity: 1;
// }
// .filter-group {
//   display: inline-flex;
//   align-items: center;
//   color: var(--text3);
//   font-weight: 400;
//   user-select: none;
// }
// .filter-group ~ .filter-group {
//   margin-left: 2em;
// }
// .filter-group > div {
//   margin-right: 0.5em;
// }
// .filter-group a {
//   padding: 0.3em 0.7em;
//   text-decoration: none;
//   border: none;
//   margin: 0;
//   display: inline-flex;
//   font-weight: var(--bold-weight);
//   transition: var(--transition-out);
//   justify-content: center;
//   align-items: center;
//   --foreground: var(--text2);
//   --background: var(--bg2);
//   color: var(--foreground);
//   background: var(--background);
//   border-radius: 0;
// }
// .theme-cfe .filter-group a {
//   --background: #eee;
// }
// h1 .filter-group a:active,
// h1 .filter-group a:hover {
//   color: var(--primary-btn-text);
// }
// .filter-group a.current {
//   --foreground: var(--btn-text);
//   --background: var(--btn-bg);
// }
// .filter-group a:active,
// .filter-group a:hover,
// .theme-hub .filter-group a.current {
//   border: none;
//   transition: var(--transition);
//   --foreground: var(--primary-btn-text);
//   --background: var(--primary-btn-bg);
// }
// .theme-mmm .filter-group a.current {
//   --foreground: var(--bg);
//   --background: var(--text);
// }
// .filter-group a:first-of-type {
//   border-top-left-radius: var(--radius);
//   border-bottom-left-radius: var(--radius);
// }
// .filter-group a:last-of-type {
//   border-top-right-radius: var(--radius);
//   border-bottom-right-radius: var(--radius);
// }
// .filter-icon {
//   width: 1.14em;
//   height: 1.14em;
//   vertical-align: middle;
//   stroke-linejoin: round;
// }
// .filter-icon .s {
//   stroke: var(--foreground);
//   fill: none;
//   stroke-width: var(--icon-width);
//   transition: var(--transition-out);
// }
// a:hover .filter-icon .s {
//   transition: var(--transition);
// }
// .pro-badge {
//   position: relative;
//   top: -0.5em;
//   background: var(--primary-btn-bg);
//   color: var(--primary-btn-text);
//   font-style: normal;
//   font-size: 0.5em;
//   border-radius: var(--radius);
//   padding: 0.15em calc(0.25em + var(--radius) / 5);
//   font-weight: var(--bold-weight);
//   text-transform: uppercase;
//   margin-left: 0.3em;
// }
// .g-bar {
//   position: absolute;
//   top: var(--mask-width);
//   right: var(--mask-width);
//   font-size: 0.81rem;
//   font-weight: var(--bold-weight);
//   user-select: none;
//   transition: var(--transition);
//   display: flex;
//   justify-content: flex-end;
//   align-items: flex-start;
// }
// .single-timeline .g-bar {
//   opacity: 0;
//   pointer-events: none;
//   transition: var(--transition-out);
// }
// .g-bar > a {
//   text-decoration: none;
//   display: inline-flex;
//   font-weight: var(--bold-weight);
//   padding: 0.438rem 0.8em;
//   color: var(--text);
//   background: var(--bg2);
//   height: 1.75rem;
// }
// .g-bar > a:first-child {
//   border-bottom-left-radius: var(--radius);
//   padding-left: calc(var(--radius) / 2 + 0.8em);
// }
// .g-bar > a ~ a {
//   border-left: var(--border-width) solid var(--border);
// }
// .g-bar > a ~ a:hover {
//   border-left-color: var(--primary-btn-bg);
// }
// .g-bar > a:hover {
//   background: var(--primary-btn-bg);
//   color: var(--primary-btn-text);
//   box-shadow: var(--border-width) 0 0 var(--primary-btn-bg);
//   z-index: 1;
//   position: relative;
// }
// #member .g-bar > a ~ a::before,
// #member .g-register {
//   display: none;
// }
// .g-bar em {
//   color: var(--text3);
//   font-weight: 400;
// }
// .g-menu {
//   position: fixed;
//   z-index: 999;
//   font-size: 0.875rem;
//   -webkit-overflow-scrolling: touch;
//   top: calc(var(--mask-width) + 0.875rem + 1.5em);
//   right: calc(var(--mask-width) + 1em);
//   text-align: left;
//   visibility: hidden;
//   pointer-events: none;
// }
// .g-menu.show {
//   visibility: visible;
//   pointer-events: auto;
// }
// .g-menu > .inner {
//   background: var(--box-bg);
//   color: var(--box-text);
//   position: relative;
//   padding: 1em 2em;
//   visibility: hidden;
//   -webkit-backdrop-filter: blur(6px) saturate(0.3);
//   backdrop-filter: blur(6px) saturate(0.3);
//   border-radius: var(--radius);
//   transition: var(--transition-out);
//   opacity: 0;
//   box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.08),
//     0 0.5em 0.5em -0.2em rgba(0, 0, 0, 0.03);
// }
// .g-menu.show > .inner {
//   transition: var(--transition);
//   visibility: visible;
//   opacity: 1;
// }
// .g-menu label {
//   display: block;
//   padding-bottom: 0.2em;
// }
// .form-group {
//   margin: 2em 0 2em;
// }
// .form-group input {
//   width: 14em;
// }
// .login-tips {
//   margin: 1em 0 1em;
//   font-weight: 400;
//   font-size: 0.75rem;
//   opacity: 0.7;
// }
// .login-tips a {
//   color: inherit;
//   text-decoration: none;
//   border-bottom: 1px dotted var(--box-text2);
// }
// .login-tips:hover {
//   opacity: 1;
// }
// .login-tips:hover a {
//   color: var(--box-text);
// }
// .mini-player {
//   width: 100%;
//   margin-bottom: 1em;
// }
// .lightbox > .inner > img.mini-player-figure {
//   opacity: 0.4;
//   max-width: 35%;
//   margin: 0 auto;
//   display: block;
// }
// .mini-player-desc {
//   padding: 0 0 2em;
// }
// .mini-player-desc a {
//   font-weight: var(--bold-weight);
//   display: inline-block;
// }
// @media (min-width: 1700px) {
//   body {
//     --side-width: 19vw;
//     --h-margin: 1.6rem;
//   }
//   header {
//     font-size: 1rem;
//   }
//   .content > .inner {
//     max-width: 120rem;
//   }
//   .item {
//     flex: 1 31%;
//   }
//   .feed-banner {
//     flex: 2 62%;
//   }
//   .item:nth-of-type(1) {
//     order: 1;
//   }
//   .item:nth-of-type(2) {
//     order: 2;
//   }
//   .item:nth-of-type(3) {
//     order: 3;
//   }
//   .item:nth-of-type(4) {
//     order: 6;
//   }
//   .item:nth-of-type(5) {
//     order: 7;
//   }
//   .item:nth-of-type(6) {
//     order: 8;
//   }
//   .item:nth-of-type(7) {
//     order: 9;
//   }
//   .item:nth-of-type(8) {
//     order: 9;
//   }
//   .item:nth-of-type(9) {
//     order: 11;
//   }
//   #index .item:nth-of-type(10),
//   #index .item:nth-of-type(11),
//   #index .item:nth-of-type(12),
//   #index .item:nth-of-type(13) {
//     flex: 1 48%;
//   }
//   #more .item:nth-of-type(13) {
//     flex: 2 62%;
//   }
// }
// @media (min-width: 1900px) {
//   body {
//     --side-width: 360px;
//     --h-margin: 1.4vw;
//     --base-size: 1rem;
//   }
//   header {
//     font-size: 1.1rem;
//   }
//   header .nav a {
//     padding: 1rem 0;
//   }
//   header .side-follow a {
//     padding: 0.2em 1em 0.5em 0;
//   }
//   .item {
//     font-size: 1.1rem;
//   }
//   #single .item,
//   .item.first {
//     font-size: 1.25rem;
//   }
//   .ref ol {
//     columns: 2;
//   }
//   #single aside,
//   .first aside {
//     margin-left: calc(var(--h-margin) * 2);
//     padding-left: calc(var(--h-margin) * 2);
//   }
// }
// @media (min-width: 2500px) {
//   body {
//     --side-width: 420px;
//     --h-margin: 1.1vw;
//     --base-size: 1.4rem;
//   }
//   header {
//     font-size: 1.25rem;
//   }
//   .content > .inner {
//     max-width: 180rem;
//   }
//   #single .item > .inner,
//   .first > .inner {
//     justify-content: space-between;
//   }
// }
// @media (max-width: 1200px) {
//   body {
//     --h-margin: 1.25rem;
//   }
//   #single .item > .inner {
//     padding-right: var(--h-margin);
//   }
//   h1 {
//     font-size: 1.3em;
//   }
//   #single h1,
//   .first h1 {
//     font-size: 2em;
//   }
//   .related-item {
//     flex: 1 1 45%;
//   }
// }
// @media (max-width: 1070px) {
//   body {
//     --side-width: 170px;
//     --mask-width: 0.4rem;
//     --h-margin: 1rem;
//   }
//   .overlay {
//     left: var(--mask-width);
//   }
//   .small-hide {
//     display: none !important;
//     visibility: hidden;
//   }
//   .content .item {
//     flex-basis: 100%;
//   }
//   #index .content .item,
//   #more .content .item {
//     border-right: none;
//   }
//   h1 {
//     font-size: 1.5em;
//     max-width: 95%;
//   }
// }
// @media (max-width: 900px) {
//   body {
//     --side-width: 0px;
//     --mask-width: 1.5vw;
//     --pattern-bg: radial-gradient(
//       var(--pattern-color) calc(0.75 * var(--border-width)),
//       var(--bg) calc(0.75 * var(--border-width))
//     );
//     --pattern-size: calc(2 * var(--border-width)) calc(2 * var(--border-width));
//   }
//   .mobile-hide {
//     display: none !important;
//     visibility: hidden;
//   }
//   .mobile-only {
//     display: block;
//   }
//   .admin-bar,
//   .overlay-panel-all .overlay-close,
//   header {
//     display: none;
//   }
//   .mini-header {
//     background: var(--main);
//     width: 100vw;
//     height: auto;
//     position: fixed;
//     z-index: 9999;
//     left: 0;
//     top: -1px;
//     transition: var(--transition);
//   }
//   .mini-header .mini-logo {
//     height: 100%;
//     width: 50%;
//     text-align: left;
//     position: absolute;
//     left: 0;
//     top: 0;
//   }
//   .mini-header .mini-logo img {
//     height: 100%;
//   }
//   .mini-header .toggle {
//     float: right;
//     margin: 0.5rem 0.75rem;
//     width: 1.375rem;
//     height: 1.375rem;
//     transition: var(--transition);
//   }
//   .mini-header .toggle a {
//     opacity: 0.9;
//     font-weight: var(--bold-weight);
//     width: 1.375rem;
//     height: 1.375rem;
//     display: block;
//     transition: var(--transition);
//   }
//   .menu-icon-bar {
//     background: var(--primary-btn-text);
//     width: 100%;
//     height: 0.125rem;
//     margin: 0.25rem 0 0;
//     transition: var(--transition-out);
//   }
//   .overlay-open .menu-icon-bar {
//     transition: var(--transition);
//   }
//   .overlay-open .menu-icon-bar-1 {
//     transform: translate(0, 0.375rem) rotate(45deg);
//   }
//   .overlay-open .menu-icon-bar-2 {
//     transform: scaleX(0) translateX(-1rem);
//     transform-origin: 0 50%;
//     opacity: 0.7;
//   }
//   .overlay-open .menu-icon-bar-3 {
//     transform: translate(0, -0.375rem) rotate(-45deg);
//   }
//   .overlay {
//     width: 100%;
//     padding-left: 0;
//     left: 0;
//     top: 0;
//     z-index: 199;
//     transform: translateX(35%) scale(0.8);
//   }
//   .overlay-open {
//     overflow: hidden;
//     height: 100vh;
//   }
//   .overlay-open main {
//     transition: var(--transition);
//   }
//   .overlay > .inner {
//     overflow-y: scroll;
//     flex-wrap: wrap;
//     justify-content: flex-start;
//     align-items: flex-start;
//     padding: 4em 6vw;
//   }
//   .overlay-section {
//     flex: 1 0 100%;
//     margin: 0;
//     text-align: left;
//   }
//   .overlay h4 {
//     margin: 1em 0 0.5em;
//     font-size: 0.85rem;
//   }
//   .overlay ul {
//     display: flex;
//     flex-direction: column;
//     flex-wrap: wrap;
//     justify-content: flex-start;
//     font-size: 1rem;
//   }
//   .overlay li {
//     text-align: left;
//     border-bottom: var(--box-border);
//     margin: 0;
//     padding: 0;
//     order: 6;
//   }
//   .logged-in .lab-member {
//     order: 3;
//   }
//   .logged-in .lab-news {
//     order: 1;
//   }
//   .logged-in .lab-gugu {
//     order: 2;
//   }
//   .overlay li a,
//   .overlay li a:hover {
//     margin: 0;
//     padding: 0.6em 0;
//   }
//   .overlay li em {
//     margin-left: 0.5em;
//   }
//   .overlay li br {
//     display: none;
//   }
//   .overlay-subscribe {
//     flex-basis: 63%;
//   }
//   .overlay-follow {
//     flex-basis: 36%;
//   }
//   .overlay-follow ul,
//   .overlay-subscribe ul {
//     flex-wrap: wrap;
//     flex-direction: row;
//     font-size: 0.85rem;
//   }
//   .overlay-follow li,
//   .overlay-subscribe li {
//     margin: 0 0.5em 0 0;
//   }
//   .overlay-search-box {
//     display: flex;
//   }
//   .overlay-search-box input {
//     margin: 1em 0 2em;
//     line-height: 1;
//     font-size: 0.875rem;
//     padding: 0.4em 0.5em;
//     border-radius: var(--radius);
//     border: 0.1rem solid var(--primary-btn-text);
//     -webkit-appearance: none;
//   }
//   input.overlay-search-input {
//     background: 0 0;
//     flex-grow: 1;
//     color: var(--primary-btn-text);
//     font-family: inherit;
//     caret-color: var(--primary-btn-text);
//     border-top-right-radius: 0;
//     border-bottom-right-radius: 0;
//     border-right: none;
//   }
//   .overlay-search-input::selection {
//     background: var(--primary-btn-text);
//     color: var(--primary-btn-bg);
//   }
//   .overlay-search-input:focus {
//     outline: 0;
//   }
//   body .overlay-search-btn {
//     flex-basis: 5em;
//     background: var(--primary-btn-text);
//     color: var(--primary-btn-bg);
//     font-weight: var(--bold-weight);
//     border-top-left-radius: 0;
//     border-bottom-left-radius: 0;
//   }
//   .overlay-search-btn:active {
//     background: var(--primary-btn-bg);
//     color: var(--primary-btn-text);
//     border-color: var(--primary-btn-bg);
//     outline: 0;
//   }
//   .overlay-login a {
//     border-color: transparent;
//     background: var(--primary-btn-text);
//     color: var(--primary-btn-bg);
//   }
//   .overlay-lab li a {
//     display: flex;
//     justify-content: flex-start;
//     align-items: center;
//   }
//   .overlay-lab li svg {
//     display: block;
//     flex-grow: 0 0 1.2em;
//     width: 1.2em;
//     height: 1.2em;
//     margin: 0 0.5em 0 0;
//   }
//   .overlay-lab li svg use {
//     --text: var(--primary-btn-text);
//     --member: var(--primary-btn-text);
//     transition: var(--transition-out);
//   }
//   .overlay-lab li a:hover svg use {
//     transition: var(--transition);
//     --text: var(--primary-btn-bg);
//     --member: var(--primary-btn-bg);
//   }
//   .content {
//     margin: 2rem 0 0 0;
//   }
//   .item {
//     max-width: 100%;
//     padding: 0 0 2rem;
//     margin: 1rem 0;
//     font-size: 1rem;
//   }
//   #single .item,
//   .item.first {
//     font-size: 1rem;
//   }
//   .item-meta,
//   aside {
//     font-size: 0.85em;
//   }
//   .item > .inner {
//     padding: 0 !important;
//     display: block;
//   }
//   #index .content .item > .inner,
//   #single .content .item > .inner {
//     flex-direction: column;
//   }
//   #index .content .item h1,
//   #single .content .item h1,
//   h1 {
//     font-size: 1.8em;
//   }
//   .page-item h1 {
//     margin-bottom: 0.5em;
//   }
//   .h1-ep {
//     display: none;
//     vertical-align: baseline;
//     font-size: 0.75em;
//     position: static;
//     text-align: left;
//     width: unset;
//   }
//   .episodes .h1-ep {
//     display: block;
//   }
//   [data-balloon]:after,
//   [data-balloon]:before,
//   h2 i {
//     display: none !important;
//   }
//   #single aside,
//   .item aside {
//     margin: 0;
//     padding: 1.5em 0 0;
//     width: 100%;
//     border: none;
//     display: flex;
//     flex-wrap: wrap;
//     flex-direction: row;
//     justify-content: space-between;
//   }
//   #single aside,
//   .first aside {
//     border-top: var(--standard-border);
//     margin: 1.5em 0 0;
//   }
//   .aside-block {
//     flex-basis: 33%;
//     text-align: center;
//   }
//   .aside-tags {
//     text-align: left;
//   }
//   .aside-hosts {
//     flex-basis: 30%;
//   }
//   #single aside .aside-duration {
//     display: none;
//   }
//   .related-item {
//     flex: 1 1 100%;
//   }
//   .aside-date {
//     text-align: right;
//   }
//   aside .item-btns {
//     flex-basis: 100%;
//     flex-shrink: 0;
//   }
//   #single .item-btns {
//     justify-content: center;
//   }
//   h5::before {
//     display: none;
//   }
//   .quote-content {
//     font-size: 1.8rem;
//   }
//   .quote-content::before {
//     position: static;
//     display: block;
//     height: 0.7em;
//     line-height: 1;
//     text-align: left;
//     margin: 0;
//   }
//   .footer {
//     display: block;
//     margin: 1rem 1.5rem 0.5rem;
//   }
//   .page-bar {
//     padding: 2.5rem 0 3rem;
//   }
//   .g-menu {
//     top: 20vh;
//     left: 10vw;
//     width: 80vw;
//     z-index: 999999;
//     transform-origin: center center;
//     box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
//   }
//   .g-menu .form-group input {
//     width: 100%;
//   }
//   .notification {
//     top: calc(var(--mask-width) + 3rem);
//     width: 80vw;
//     left: 10vw;
//   }
//   .filter-group ~ .filter-group {
//     margin-left: 0;
//   }
// }
// @media (prefers-reduced-motion: reduce) {
//   * {
//     animation-duration: 0s !important;
//     animation-iteration-count: 1 !important;
//     transition-duration: 0s !important;
//     scroll-behavior: auto !important;
//   }
// }
// @font-face {
//   font-family: "Anyway Type";
//   src: url(https://s.anw.red/font/calluna-sans-regular.woff2) format("woff2");
//   font-weight: 400;
//   font-style: normal;
//   font-display: fallback;
// }
// @font-face {
//   font-family: "Anyway Type";
//   src: url(https://s.anw.red/font/calluna-sans-bold.woff2) format("woff2");
//   font-weight: 700;
//   font-style: normal;
//   font-display: fallback;
// }
// @font-face {
//   font-family: "Anyway Extra";
//   src: url(https://s.anw.red/font/anyway-extra-regular.woff2) format("woff2");
//   font-weight: 400;
//   font-style: normal;
//   font-display: fallback;
// }
// @font-face {
//   font-family: "Anyway Extra";
//   src: url(https://s.anw.red/font/anyway-extra-bold.woff2) format("woff2");
//   font-weight: 700;
//   font-style: normal;
//   font-display: fallback;
// }
